.card-list{
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.shaixuan{
    background-color: white;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius:0.5rem;

    &-content{
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1rem;
    }
}

.table{
    background-color: white;
    padding: 1rem;
    border-radius: 0.5rem;

    .avatur{
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        object-fit: cover;
    }

    .paper{
        width: 4rem;
        height: 4rem;
    }

    .pagination{
        display: flex;
        justify-content: flex-end;
        margin-top: 1rem;
    }
}

.detail-item,.edit-item,.add-item{
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;

    span:first-of-type{
        text-wrap: nowrap;
    }

    span{
        margin-right: 0.5rem;
    }

    .avatur{
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        object-fit: cover;
        margin-right: 0.5rem;
    }

    .paper{
        width: 4rem;
        height: 4rem;
        margin-right: 0.5rem;
        cursor: pointer;
    }

    .background{
        width: 10rem;
        height: 10rem;
        object-fit: cover;
        margin-right: 0.5rem;
    }
}